<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>加入队伍</title>
    <style>
        body{
            background-image: url("images/绿色背景.jpg");
        }
        .button {
            background-color: #058A1C;
            border: none;
            color: white;
            padding: 7px 14px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 14px;
            border-radius: 12px;
        }
        .button1 {
            background: -moz-linear-gradient(top, #13BFB4 0%, #2B57AA 100%);
            background: -webkit-linear-gradient(top, #13BFB4 0%, #2B57AA 100%);
            background: linear-gradient(to bottom, #13BFB4 0%, #2B57AA 100%);
        }
        .button1:hover {
            box-shadow: 0 3px 4px 0 rgba(0,0,0,0.24),0 4px 12px 0 rgba(0,0,0,0.19);
        }
    </style>
</head>
<body>

<script type="text/javascript">
    function getQueryVariable(variable)
    {
        var query = window.location.search.substring(1);
        var vars = query.split("&");
        for (var i=0;i<vars.length;i++) {
            var pair = vars[i].split("=");
            if(pair[0] == variable){return pair[1];}
        }
        return(false);
    }

    const memberid = getQueryVariable("memberid");
    const password = getQueryVariable("password");
    const teamid = getQueryVariable("teamid");

</script>
<div style="
margin-left:auto;
margin-right:auto;
max-width: 500px;
background: #F8F8F8;
padding: 30px 30px 20px 30px;
font: 12px Arial, Helvetica, sans-serif;
color: #666;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;">
<form action="member/join" method="post">
    <h2 style="color: #57AA2C">队伍变更模块</h2>
    <hr><br>
    <script type="text/javascript">

        document.write('<input type="hidden" name="memberid" required="required" value="'+memberid+'" />');
        document.write('当前所属的队伍ID：<input style="\n' +
            'display: block;\n' +
            'margin: 0px 0px 5px;" type="text" disabled="disabled" required="required" value="'+teamid+'"/>')

    </script>

    <br />
    希望加入的队伍ID：<input style="
display: block;
margin: 0px 0px 5px;" type="text" name="teamid" required="required"/>
    <br/>
    <input style="
    background-color: #9DC45F;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-border-radius: 5px;
border: none;
padding: 10px 25px 10px 25px;
color: #FFF;
text-shadow: 1px 1px 1px #949494;" type="submit" value="立即加入！"/>
</form>
<br><br>
    <hr>
    <br>
<form  action="../team/searchAll" method="post">
    <script type="text/javascript">
        document.write('<input type="hidden" name="memberid" value="'+memberid+'" />');
    </script>
    <input class="button button1" type="submit" value="说起来都有哪些队伍来着" />
</form>
    <br>
<form action="../member/login" method="post">
    <script type="text/javascript">
        document.write('<input type="hidden" name="memberid" value="'+memberid+'" />');
        document.write('<input type="hidden" name="password" value="'+password+'" />');
    </script>
    <input type="submit" value="回到个人空间" />
</form>
</div>
</body>
</html>